<!DOCTYPE HTML>
<html>
<head>
    <title>旅行</title>
    <link rel="icon" href="../images/3.jpg" type="image/x-icon"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Travelia Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <link href="../css/style.css" rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen"/>
    <script src="../js/jquery.min.js"></script>
    <!--/script-->
    <script type="text/javascript" src="../js/move-top.js"></script>
    <script type="text/javascript" src="../js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <script src="js/jquery.chocolat.js"></script>
    <link rel="stylesheet" href="css/chocolat.css" type="text/css"/>
    <!-- Javascript calls -->
    <script type="text/javascript">
        $(function () {
            $('#portfolio a').Chocolat({
                overlayColor: '#000',
                leftImg: 'images/leftw.gif',
                rightImg: 'images/rightw.gif',
                closeImg: 'images/closew.gif'
            });
        });
    </script>

</head>
<body>
<!--start-home-->
<div id="home" class="header">
    <div th:replace="common :: navbar"></div>
    <div class="banner two">
        <div class="container">
            <h2 class="second">美景欣赏</h2>
        </div>
    </div>
</div>
<!--start-gallery-->
<div class="gallery" id="portfolio">
    <div class="container">
        <div class="gallery-bottom">
            <div class="col-md-4 gallery-left">
                <a href="../images/g1.jpg">
                    <img src="../images/g1.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g2.jpg">
                    <img src="../images/g2.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g3.jpg">
                    <img src="../images/g3.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g4.jpg">
                    <img src="../images/g4.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g6.jpg">
                    <img src="../images/g6.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g2.jpg">
                    <img src="../images/g2.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g1.jpg">
                    <img src="../images/g2.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g2.jpg">
                    <img src="../images/g3.jpg" alt="name"/>
                </a>
            </div>
            <div class="col-md-4 gallery-left">
                <a href="../images/g3.jpg">
                    <img src="../images/g1.jpg" alt="name"/>
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--//portfolio-->
<!--contact-->
<!--<div class="contact" id="contact">-->
    <!--<div class="container">-->
        <!--<h3 class="tittle">Newsletter</h3>-->
        <!--<div class="newslatter">-->
            <!--<ul class="f-icons second">-->
                <!--<li><a href="#" class="facebook"> </a></li>-->
                <!--<li><a href="#" class="p"> </a></li>-->
                <!--<li><a href="#" class="twitter"> </a></li>-->
            <!--</ul>-->
            <!--<div class="clearfix"></div>-->
            <!--<div class="support">-->
                <!--<input type="text" class="text" value="Enter email..." onfocus="this.value = '';"-->
                       <!--onblur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}">-->
                <!--<input type="submit" value="SUBSCRIBE" class="botton">-->
            <!--</div>-->

        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--map-->
<!--<div class="map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1675115.8258740564!2d-98.4671417929578!3d34.91371150021706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1434956093308"></iframe>
    <span> </span>

</div>-->

<div class="copy">
    <div th:replace="common :: footer"></div>
</div>
<!--footer-->
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover"
                                                                         style="opacity: 1;"> </span></a>


</body>
</html>